$.get('../data/goods.json', 'json')
.then(res=>{
    let data = res.slice(0, 30)
    render(data)
})
function render(data){
    data.forEach(item=>{
        $('.shop')[0].innerHTML +=`
        <div class="shopping" >
            <div>
                <a href="/html/details.html?id=${item.goods_id}">
                <img src="${item.img_small_logo}" alt=""></a></div>
           <p class="reds">￥${item.current_price}<span>￥${item.price}</span></p>
           <p class="hide"><a href="#">${item.title}</a><span></span></p>
           </div>
        `
    })
    $(".paging_list").paging({
        PageNum: 10, //每页显示数目
        pageMax: true, //按钮长度是否显示
        pageMaxHideShow: false, //在最后一个的时候是否隐藏按钮长度
        pageDownUpHide: false, //到第一个或最后一个是否让上一页或下一页消失
        pageInput: true, //是否使用文本框输入跳转
        pagingBtnHide: false, //是否让按钮变为一个
        pagingBtnPaging: true,//按钮是否分页
        pagingDisplay: "block"//显示的属性，弹性盒子还是块化
    })
}

function cartRender(){
    // console.log(1);
    let nu = $('.nu')[0]
    let cou = $('.count')[0]
    // console.log(cou);
    let list = JSON.parse(localStorage.getItem('cart')) || []
    // console.log(list);
    let num = 0
    list.forEach(item=>{
        num += item.cart_number
        // console.log(item.cart_number); 
    })
        cou.innerHTML = ''
        nu.innerHTML = ''
        cou.innerHTML = num
        nu.innerHTML = num
}
cartRender()